<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        /* 什么是跨域？
                  1.同源跨域
                 --是浏览器安全策略
                 --协议名、域名、端口号必须完全一致
                  2.什么是跨域
                违背同源策略就是跨域
                jsonp cors 服务器代理
                                         */

        //创建script标签
        var script = document.createElement('script');
        //设置回调函数
        function getData(data) {
            //数据请求回来会被出发的函数
            console.log(data);

        }
        //设置script的src属性，设置请求地址
        script.src = 'http://localhost:3000?callback=getData';
        //让script生效
        document.body.appendChild(script);
    </script>

</body>

</html>